

var checkImg = document.getElementsByClassName('checkImg');
var img = document.getElementsByTagName('img')


//渲染函数
function render (date) {
  

    $('.list-tbody').text('');
for(var i = 0; i < date.length; i++) {
    if (date[i].is_loginPermission == '1'){ //if 判断是否初始时被禁止登录
        var tr =`
        <tr>
        <td>
        <input type="checkbox" class = "checkBox" name = "one" indexid = '${date[i].user_id}' >
        ${date[i].user_nickname} 
        </td>
        <td>${date[i].user_email}</td>
        <td>${date[i].bumen}</td>
        <td>${date[i]. user_settime}</td>
        <td>${date[i].user_phone}</td>
        <td>
            <div class="pull-left bianJi" indexid = '${date[i].user_id}' ><a href="javascript:">编辑</a></div>
            <div class="pull-right jinZhi" indexid1 = '${date[i].is_loginPermission}' indexid = '${date[i].user_id}'>禁止登陆</div>
        </td>
        </tr>`
        $('.list-tbody').append($(tr));
    }else {
        var tr =`
        <tr>
        <td>
        <input type="checkbox" class = "checkBox" name = "one" indexid = '${date[i].user_id}' >
        ${date[i].user_nickname} 
        </td>
        <td>${date[i].user_email}</td>
        <td>${date[i].bumen}</td>
        <td>${date[i]. user_settime}</td>
        <td>${date[i].user_phone}</td>
        <td>
            <div class="pull-left bianJi" indexid = '${date[i].user_id}' ><a href="javascript:">编辑</a></div>
            <div class="pull-right jinZhi" indexid1 = '${date[i].is_loginPermission}' indexid = '${date[i].user_id}'>取消禁止登陆</div>
        </td>
        </tr>`
        $('.list-tbody').append($(tr));
    }
}
};

//页面加载时获取数据并渲染
function get (){
    $.ajax({
        url:'/administrators/adminPage',
        method:'GET',
    })
    .done(function(res){
    render(res.data);
    })
    .fail(function(err){
        console.log('请求失败：',err)
    })
}
get();
var user_id = []; //选中的userid
$('.list-tbody').on('click','.checkBox',function(){ //事件传递
    //取消全选
    if(!$(this).prop('checked')){
        if($('.quanXuan').prop('checked')){
            $('.quanXuan').prop('checked',false);
        }
    };
   
    user_id.push($(this).attr('indexid'));
    console.log(user_id);

});

$('.shanChu').on('click',function(){ //确定删除
    for(var i = 0; i <user_id.length;i++){
        $.ajax({
            url:'/administrators/del',
            method:'GET',
            data:{
                user_id:user_id[i],
                msg:'需要删除数据的ID'
            }      
        })
        .done(function(res){  //res为请求成功后端返回的数据
            // render(res.data);
            get();
            user_id = [];
            // console.log('删除后返回的数据：',res.data);
            // console.log('res:',res);
        })
        .fail(function(err){
            console.log('删除请求失败的原因',err);
        })
    }
   
})
 

// 删除
//弹窗处理 
$('.del').on('click',function(){
    $('.sure').css('display','block');
});
$('.quxiao').on('click',function(){
    $('.sure').css('display','none');
});
$('.shanChu').on('click',function(){
    $('.sure').css('display','none');
});
//全选
$('.quanXuan').on('click',function(){
    console.log('全选被点击了');
    var flag = $(this).prop("checked");
    var oneList = $(".checkBox");
    for(var i = 0; i < oneList.length; i++) {
    $(oneList[i]).prop("checked", flag);
    }
})
var loginData;
//禁止登录  存在缺陷：渲染页面是不能直接渲染成禁止登陆
$('.list-tbody').on('click','.jinZhi',function(){
    //判断 获取禁止登陆参数
    var id = $(this).attr('indexid');
    if($(this).attr('indexid1') == '1'){
        $(this).text('取消禁止登陆');
        $(this).attr('indexid1','0');
        loginData = '0';
    }else {
        $(this).attr('indexid1') == '0'
        $(this).text('禁止登陆');
        $(this).attr('indexid1','1');
        loginData = '1';
    };

    $.ajax({
        url:'/administrators/jinZhi',
        method:'GET',
        data:{
            loginData:loginData,
            id:id
        }
    })
    .done(function(res){
        console.log(res);
    })
    .fail(function(err){
        console.log(err);
    })
})

// 编辑
$('.list-tbody').on('click','.bianJi',function(){
   var  id = ($(this).attr('indexid'));
   var bianJiGet

    $.ajax({
        url:'/administrators/bianJi',
        method:'GET',
        data:{
            id:id
        }
    })
    .done(function(res){
    bianJiGet = res.data[0]
    sessionStorage.setItem('bianjiInfo', JSON.stringify(bianJiGet));
    location.href = "../../pages/lzx_pages/lzx-guanliyuan.html";
    })
    .fail(function(err){
        console.log('编辑失败：',err)
    })
    
    // sessionStorage.setItem('bianjiInfo',JSON.stringify( ))
   
});

////下边使用数据更改选中状态失败
// $('.checkImg').on('click',function(){
//     console.log(typeof($(this).check));
//   //选中切换
//     if($(this).check == 'true'){
//         $(this).attr({'src':'../../images/lzx_images/js_01.png'});
//         $(this).check = 'false';
            //失败原因：不能更改本地缓存中的check属性值
//         localStorage.setItem('administratorsInfo',JSON.stringify(info));
//     }else {
//         $(this).attr({'src':'../../images/lzx_images/js_02.png'});
//         $(this).check = 'true';
        
//         localStorage.setItem('administratorsInfo',JSON.stringify(info));
//     }
//     //被点击的indexid
//     var here =Number( $(this).attr('indexid'));
//     hereAll.push(here);
    
// });


//元 删除单个
// $('.add').on('click',function(){
//     del(hereAll);
// })
// function del(here){
//     for(i = 0; i < hereAll.length; i++){
//         var newInfo = info.filter(function(item){
//             return item.guanLiId != hereAll[i];
//         })
//         info = newInfo;
//         localStorage.setItem('administratorsInfo',JSON.stringify(info));
//         render(info);
//     }
    
// }

//全选
// //全选更换图片
// var b =true;
// $('.quanXuan').on('click',function(){
//     if(b){
//         $(this).attr({'src':'../../images/lzx_images/js_02.png'});
//         b = false;
//         Allcheck();
//     }else {
//         $(this).attr({'src':'../../images/lzx_images/js_01.png'});
//         b = true ;
//         Allcheck();
//     }
// })
// function Allcheck(){
//     for(i = 0; i < info.length; i++){ //bug:点击全选后，最后一个始终选不到，但已经完全遍历数组
//         if(!info[i].check) {
//             console.log( 'list页面的数据1',info[i].check );
//             //选中所有动态生成图片，更换他们的Src    用jquery未成功 
//           img[i].src = '../../images/lzx_images/js_02.png';
//           info[i].check = true;
//           localStorage.setItem('administratorsInfo',JSON.stringify(info));
//         //   var here =Number( $(this).attr('indexid'));
//         var here =Number( img[i].getAttribute('indexid'));
                
//                 hereAll.push(here);
//                 console.log(hereAll);
//         }else {
//             img[i].src = '../../images/lzx_images/js_01.png';
//             info[i].check = false;
//             localStorage.setItem('administratorsInfo',JSON.stringify(info));
//             hereAll = [];
//         }
//     }
// }






